<template>
	<div class="two">
		<h1>two</h1>
		<p>{{ getVal }}</p>
	</div>
</template>

<script>
import {mapGetters} from 'vuex';

export default {
	name: 'two',
	// props: ['txt'],
	data() {
		return {
			txt: ''
		}
	},
	computed: {
		...mapGetters({
			getVal: 'getVal'
		})
	},
	methods: {
		// ...mapMutations({
		// 	getVal(state, val) {
		// 		this.txt = val;
		// 	}
		// })
	}
}
</script>

<style lang="scss">
.two {
  width: 360px;
  height: 360px;
  text-align: center;
  display: inline-flex;
  background-color: #91BEF0;
  color: #fff;
  font: 700 22px 微软雅黑;
}
</style>